<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

        <!-- CSS - Biblioteca YUI -->
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/fonts/fonts-min.css" />
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/resize/assets/skins/sam/resize.css" />
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/reset-fonts-grids/reset-fonts-grids.css" />
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/layout/assets/skins/sam/layout.css" />
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/button/assets/skins/sam/button.css" />
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/container/assets/skins/sam/container.css" />
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/reset/reset.css" />
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/fonts/fonts.css" />
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/menu/assets/skins/sam/menu.css" />
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/treeview/assets/skins/sam/treeview.css" />
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/datatable/assets/skins/sam/datatable.css" />
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/assets/skins/sam/skin.css" />
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/tabview/assets/skins/sam/tabview.css" />
        <link rel="stylesheet" type="text/css" href="system/application/libraries/yui28/build/editor/assets/skins/sam/simpleeditor.css" />
        <!-- JavaScript - Biblioteca YUI -->
        <script type="text/javascript" src="system/application/libraries/yui28/build/yahoo-dom-event/yahoo-dom-event.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/animation/animation-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/element/element-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/dragdrop/dragdrop-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/resize/resize-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/yahoo/yahoo-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/event/event-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/dom/dom-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/layout/layout-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/utilities/utilities.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/container/container_core-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/menu/menu-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/container/container.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/container/container-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/menu/menu.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/treeview/treeview-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/datasource/datasource-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/datatable/datatable-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/button/button-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/connection/connection-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/json/json-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/tabview/tabview-min.js"></script>
        <script type="text/javascript" src="system/application/libraries/yui28/build/editor/simpleeditor-min.js"></script>
        <!-- CSS - i3Geo Layout -->
        <link rel="stylesheet" type="text/css" href="system/application/views/style/style.css" />
        <!-- JavaScript - i3Geo Layout -->
        <script type="text/javascript" src="system/application/views/js/main.js"></script>
        <script type="text/javascript" src="system/application/views/js/ui-applayout.js"></script>
        <script type="text/javascript" src="system/application/views/js/ui-menu.js"></script>
        <script type="text/javascript" src="system/application/views/js/panels/ui-elementspanel.js"></script>
        <script type="text/javascript" src="system/application/views/js/panels/ui-propertiespanel.js"></script>
        <script type="text/javascript" src="system/application/views/js/panels/ui-maplayoutareapanel.js"></script>
        <script type="text/javascript" src="system/application/views/js/panels/ui-palettepanel.js"></script>
        <script type="text/javascript" src="system/application/views/js/ui-treeview.js"></script>
        <script type="text/javascript" src="system/application/views/js/ui-properties.js"></script>
        <script type="text/javascript" src="system/application/views/js/ui-maplayoutarea.js"></script>
        <script type="text/javascript" src="system/application/views/js/ui-palette.js"></script>
        <script type="text/javascript" src="system/application/views/js/model/layoutproject.js"></script>
        <script type="text/javascript" src="system/application/views/js/model/layoutcomposer.js"></script>
        <script type="text/javascript" src="system/application/views/js/model/layout.js"></script>
        <script type="text/javascript" src="system/application/views/js/model/elements/element.js"></script>
        <script type="text/javascript" src="system/application/views/js/model/elements/image.js"></script>
        <script type="text/javascript" src="system/application/views/js/model/elements/label.js"></script>
        <script type="text/javascript" src="system/application/views/js/model/clock.js"></script>
        <script type="text/javascript" src="system/application/views/js/model/validator.js"></script>
        <script type="text/javascript" src="system/application/views/js/dialogs/ui-openprojectdialog.js"></script>
        <script type="text/javascript" src="system/application/views/js/dialogs/ui-createprojectdialog.js"></script>
        <script type="text/javascript" src="system/application/views/js/dialogs/ui-saveprojectdialog.js"></script>
        <script type="text/javascript" src="system/application/views/js/dialogs/ui-closeprojectdialog.js"></script>
        <script type="text/javascript" src="system/application/views/js/dialogs/ui-printlayoutdialog.js"></script>
        <script type="text/javascript" src="system/application/views/js/dialogs/ui-preferencesdialog.js"></script>
        <script type="text/javascript" src="system/application/views/js/dialogs/ui-fontdialog.js"></script>

        <title></title>
    </head>
    <body class="yui-skin-sam">

        <!-- Layout da Aplicacao Web -->
        <div id="top">
            <div class="bd">

                <!-- Menu Principal -->
                <div id="menubar" class="yuimenubar yuimenubarnav">
                    <div class="bd">
                    </div>
                </div>

            </div>
        </div>
        <div id="center">
            <div class="bd">

                <!-- Elementos do Layout -->
                <div id="elementspanel">
                    <div class="hd">Elementos</div>
                    <div class="bd">
                        <div id="elementstreeview"></div>
                    </div>
                    <div class="ft"></div>
                </div>

                <!-- Area do Layout -->
                <div id="maplayoutareapanel">
                    <div class="hd">Layout</div>
                    <div class="bd">
                        <div id="layout" class="yui-t7">

                            <!-- Modelagem do Layout - SVG -->
                            <object id="svgobject" data="system/application/views/svg/layout.svg" type="image/svg+xml" width="100%" height="100%" onLoad="SVG.startSVGObject()"></object>

                        </div>
                    </div>
                    <div class="ft">
                        <div id="autosavestatus">
                        </div>
                    </div>
                </div>

                <!-- Paleta de Elementos -->
                <div id="palettepanel">
                    <div class="hd">Paleta</div>
                    <div class="bd">
                        <!-- Botao para acionar selecao de um elemento ou layout do mapa -->
                        <input type="button" id="selectionpushbutton" name="selectionpushbutton" value=""/>
                        <!-- Botao para acionar remocao de um elemento -->
                        <input type="button" id="removeelementpushbutton" name="removeelementpushbutton" value=""/>
                        <!-- Botao para acionar reposicao de um elemento para cima -->
                        <input type="button" id="puttotoppushbutton" name="puttotoppushbutton" value=""/>
                        <!-- Botao para acionar reposicao de um elemento para baixo -->
                        <input type="button" id="puttobottompushbutton" name="puttobottompushbutton" value=""/>
                        <p><hr/></p>
                        <!-- Botao para acionar adicao de um elemento Imagem -->
                        <input type="button" id="imageelementpushbutton" name="imageelementpushbutton" value=""/>
                        <!-- Botao para acionar adicao de um elemento Rotulo -->
                        <input type="button" id="labelelementpushbutton" name="labelelementpushbutton" value=""/>
                    </div>
                    <div class="ft"></div>
                </div>

                <!-- Formularios da Aplicacao Web -->
                <!-- Abrir Projeto -->
                <div id="openprojectdialog">
                    <div class="hd">Abrir projeto de layout</div>
                    <div class="bd">

                        <!-- Formulario para solicitar a abertura de um projeto -->
                        <?php
                        $attributes = array('id' => 'openprojectform', 'enctype' => 'multipart/form-data');
                        echo form_open('clayoutproject/doOpen', $attributes);
                        ?>
                        <!-- Em Arquivo -->
                        <p>
                            <input type="radio" id="openprojectmode" name="openprojectmode" value="byfile" checked/> Local
                        </p>
                        <p>
                            <br/>
                            Arquivo: <input type="file" name="filedir" id="filedir" />
                        </p>
                        <br/><hr/><br/>
                        <!-- Em Repositorio -->
                        <p>
                            <input type="radio" id="openprojectmode" name="openprojectmode" value="bydb" /> Repositorio
                        </p>
                        <p>
                            <br/>
                            Nome do Projeto: <input type="text" name="projectname" id="projectname" value="" maxlength="20"/>
                        </p>
                        <br/><hr/>
                        </form>

                    </div>
                </div>

                <!-- Criar Projeto -->
                <div id="createprojectdialog">
                    <div class="hd">Criar projeto de layout</div>
                    <div class="bd">

                        <!-- Formulario para solicitar a criacao do projeto -->
                        <?php
                        $attributes = array('id' => 'createprojectform');
                        echo form_open('clayoutproject/doCreate', $attributes);
                        ?>
                        Nome do Projeto: <input type="text" name="projectname" id="projectname" value=""  maxlength="20"/>
                        </form>

                    </div>
                </div>

                <!-- Salvar Projeto -->
                <div id="saveasprojectdiv" style="display:none">

                    <!-- Formulario para solicitar a gravacao e download do projeto -->
                    <?php
                    $atrributes = array('id' => 'saveasprojectform');
                    echo form_open('clayoutproject/doSaveAs', $atrributes);
                    ?>
                    <input type="text" name="projectname" id="projectname" value=""/>
                    </form>

                </div>

                <!-- Alterar Preferencias de Configuracao -->
                <div id="preferencesdialog">
                    <div class="hd">Preferencias</div>
                    <div class="bd">

                        <!-- Formulario para alterar as preferencias de configuracao -->
                        <input type="checkbox" name="autosave" id="autosave" checked="true"/>
                        Salvar automaticamente o projeto a cada
                        <input type="text" name="autosaveinterval" id="autosaveinterval" value="5" maxlength="2" size="2"/>
                        minutos
                        
                    </div>
                </div>

                <!-- Imprimir Layout -->
                <div id="printlayoutdialog">
                    <div class="hd">Imprimir layout do mapa</div>
                    <div class="bd">

                        <!-- Formulario para solicitar a impressao do layout do mapa -->
                        <?php
                        $atrributes = array('id' => 'printlayoutform');
                        echo form_open('clayoutproject/doPrint', $atrributes);
                        ?>
                        Escolha o formato para impressao:<br><br>
                        <select id="extensions" name="extensions">
                            <option value="tpng" selected>PNG</option>
                            <option value="tjpg">JPG</option>
                            <option value="tbmp">BMP</option>
                            <option value="tpdf">PDF</option>
                        </select>
                        </form>

                        <!-- Formulario para solicitar o download do arquivo de layout impresso -->
                        <?php
                        $atrributes = array('id' => 'getlayoutfileform');
                        echo form_open('clayoutproject/doGetLayoutFile', $atrributes);
                        ?>
                        <input type="text" name="filename" id="filename" value=""
                               style="display:none"/>
                        </form>

                    </div>
                </div>

                <!-- Propriedades -->
                <div id="propertiespanel">
                    <div class="hd">Propriedades</div>
                    <div class="bd">

                        <!-- Propriedades do Layout -->
                        <div id="layoutpropertiestabview">
                            <ul class="yui-nav">
                                <li class="selected"><a href="#layoutpropertiestab"><em>Layout</em></a></li>
                            </ul>
                            <div class="yui-content">
                                <div id="layoutpropertiestab">

                                    <table id="layoutpropertiestable" name="layoutpropertiestable" width="100%" border="0">
                                        <tr>
                                            <td><p>Largura</p></td>
                                            <td>
                                                <p>
                                                    <input type="text" id="layoutwidth" name="layoutwidth" size="10" maxlength="6" value=""/>
                                                </p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><p>Altura</p></td>
                                            <td>
                                                <p>
                                                    <input type="text" id="layoutheight" name="layoutheight" size="10" maxlength="6" value=""/>
                                                </p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><p>Orientacao</p></td>
                                            <td>
                                                <p>
                                                    <select id="layoutorientation" name="layoutorientation">
                                                        <option value="portrait" selected>Retrato</option>
                                                        <option value="landscape">Paisagem</option>
                                                    </select>
                                                </p>
                                            </td>
                                        </tr>
                                    </table>

                                </div>
                            </div>
                        </div>

                        <!-- Propriedades da Imagem -->
                        <div id="imagepropertiestabview">
                            <ul class="yui-nav">
                                <li class="selected"><a href="#imagepropertiestab"><em>Imagem</em></a></li>
                            </ul>
                            <div class="yui-content">
                                <div id="imagepropertiestab">

                                    <table id="imagepropertiestable" name="imagepropertiestable" width="100%" border="0">
                                        <tr>
                                            <td><p>Link</p></td>
                                            <td>
                                                <p>
                                                    <input type="text" id="imageurl" name="imageurl" size="10" value=""/>
                                                </p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><p>Largura</p></td>
                                            <td>
                                                <p>
                                                    <input type="text" id="imagewidth" name="imagewidth" size="10" maxlength="6" value=""/>
                                                </p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><p>Altura</p></td>
                                            <td>
                                                <p>
                                                    <input type="text" id="imageheight" name="imageheight" size="10" maxlength="6" value=""/>
                                                </p>
                                            </td>
                                        </tr>
                                    </table>

                                </div>
                            </div>
                        </div>

                        <!-- Propriedades do Rotulo -->
                        <div id="labelpropertiestabview">
                            <ul class="yui-nav">
                                <li class="selected"><a href="#labelpropertiestab"><em>Rotulo</em></a></li>
                            </ul>
                            <div class="yui-content">
                                <div id="labelpropertiestab">

                                    <table id="labelpropertiestable" name="labelpropertiestable" width="100%" border="0">
                                        <tr>
                                            <td><p>Fonte</p></td>
                                            <td>
                                                <p>
                                                    <input type="button" id="labelfont" name="labelfont" value="Alterar...">
                                                </p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><p>Texto</p></td>
                                            <td>
                                                <p>
                                                    <input type="text" id="labeltext" name="labeltext" size="10" maxlength="255" value="Texto"/>
                                                </p>
                                            </td>
                                        </tr>
                                    </table>

                                </div>
                            </div>
                        </div>


                    </div>
                    <div class="ft"></div>
                </div>


                <!-- Fonte -->
                <div id="fontdialog">
                    <div class="hd">Fonte e Estilo</div>
                    <div class="bd">

                        <!-- Formulario para alterar a fonte de um elemento -->
                        <div class="yui-editor-container">
                            <div id="fonttoolbar"></div>
                        </div>

                    </div>
                </div>

            </div>
        </div>


    </body>
</html>
